<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('考生详细')" />
</head>
<body>
<div class="main-content">
    <form class="form-horizontal" th:object="${vApplicationInfoScoreDto}">
<!--        <h4 class="form-header h4" th:text="*{'基本信息('+majorName+')'}"></h4>-->
        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">姓名：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{name}"></p>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">性别：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{gender}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">身份证号码：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{idCardNumber}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">电话(省)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{phoneNumber}"></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">管理教师：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{teacherName}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">电话(校1)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{schoolContact1}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">电话(校2)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{schoolContact2}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">邮箱(省)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{email}"></p>
                    </div>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">邮箱(校)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{schoolEmail1}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">助学单位1：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{assistantUnit1}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-sm-4 control-label">助学单位2：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{assistantUnit2}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <!-- 打印网页时通过hidden-print隐藏元素 -->
                <div class="text-right hidden-print">
                    <button class="btn btn-primary" onclick="printPage()"><i class="fa fa-print"></i> 打印</button>
                </div>
            </div>


        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>报考年度统计</h3>
                        <ul class="sortable-list connectList agile-list">
                            <li th:if="${tasks != null}" th:each="item : ${tasks}" class="success-element">
                                <div class="agile-detail">
                                    <span class="glyphicon-class pull-right">准考证号:[[${item.examId}]]</span>
                                    报考年份:<i class="fa fa-clock-o"></i>[[${item.years}]]
                                </div>
                                <div class="agile-detail">
                                    <span class="glyphicon-class pull-right">报考科目数:[[${item.applicationCount}]]</span>
                                    <span class="success-element">有成绩科数:[[${item.scoreCount}]]</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="ibox">
                <table id="bootstrap-table2"></table>
                </div>
            </div>

        </div>
    </form>
</div>

</body>
<div th:include="include :: footer"></div>
<script th:src="@{/js/jquery-ui-1.10.4.min.js}"></script>
<script>
    $(document).ready(function () {
        $(".sortable-list").sortable({connectWith: ".connectList"}).disableSelection()
    });
</script>
<script th:inline="javascript">
    var datas = [[${@dict.getType('sys_normal_disable')}]];

    $(function() {
        var options = {
            id: "bootstrap-table2",
            data: [[${tMajorPlans}]],
            sidePagination: "client",
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            columns: [
                {
                    field: 'examTime',
                    title: '考试时间',
                    align: 'center'
                },
                {
                    field: 'newSubjectName',
                    title: '新课程名称'
                },
                {
                    field: 'newCredits',
                    title: '成绩',
                    align: 'center'
                },
                {
                    field: 'oldSubjectName',
                    title: '旧课程名称'
                },
                {
                    field: 'oldCredits',
                    title: '成绩',
                    align: 'center',
                },
                {
                    field: 'handlingMethod',
                    title: '处理办法',
                    align: 'center'
                }]
        };
        $.table.init(options);
    });
    function printPage() {
        window.print();
    }
</script>
</html>